@charset "utf-8";
/*==========================================公共 开始=============================================*/

.status { border-bottom: #e8e8e8 1px solid; height: 50px;/* line-height: 50px; */}
.status .content { width: 1200px; margin: 0 auto; }
.status .content .fl { /*width:1168px;*/}
.status .content .fl p { line-height: 51px; font-size: 14px; }
.status .content .fr { position: relative; cursor: pointer }
.status h4 { float: left; display: inline-block; color: #1b2a55; font-size: 16px; box-sizing: border-box; background: url(../images/tel.png) 25px center no-repeat; padding-left: 50px; font-weight: bold; line-height: 50px; }
.status h5 { float: left; display: inline-block; color: #0c264c; font-size: 14px; box-sizing: border-box; background: url(../images/ico-phone.png) 25px center no-repeat; padding-left: 54px; line-height: 50px; }
.status ul { float: right; margin-top: 12px; }
.status ul li { float: left; width: 27px; height: 27px; box-sizing: border-box; text-align: center; background-color: #d3d3d3; margin: 0 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.status ul li a { display: block; }
.status ul li a .img {float: left; width: 27px; height: 27px; box-sizing: border-box; text-align: center; -moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%; display: table;}
.status ul li a i { display: table-cell; vertical-align: middle; }
.status ul li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;  filter: alpha(opacity:80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; }
.status ul li:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none;  filter: alpha(opacity:100);opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; }
.status ul li a { display: block; }
.status ul li:hover { background-color: #c09b50; }
.main_box { margin: 0 auto; width: 1200px; position: relative; }


#header { padding:10px 0; border-bottom: solid 2px #d5a853 }
.logo{ width:100px; float:left}
.logo img{ width:100%;}
.head-R{width: calc(100% - 120px); float:right;}
.top-name{ float:left; margin-left:40px;}
.top-bar .tel{ float:right; margin:8px 40px 0;text-align:right;}
.top-bar .tel .tel-No{ color:#d5a853; font-size:30px; }
/*=================导航=================*/
#nav { width:100%; padding-top:12px;margin-top:8px; border-top:solid 1px #d5a853}
#nav ul { }
#nav li { float: left;width: calc(100% / 7); text-align:center; position: relative; }
#nav li:last-child { margin-right:0 }
#nav li .a { display:block;  }
#nav li .a strong { font-size: 16px; color: #905329; text-align: center; font-weight: normal; }
#nav .a:hover strong,#nav .on .a strong { border-bottom: solid 2px #905329; padding-bottom:8px }
#nav .title .list { display:none; width:100%; top: calc(100% + 10px); z-index: 9999; position: absolute;}
#nav .title .list .box { padding: 10px 0;  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');
background: rgba(255, 255, 255, 0.8); }
#nav .title .list a { display: block; font-size: 16px; color: #403f3f; text-align: center; padding:16px 0}
#nav .title .list a:hover { background: #e7c077; color: #fff; }
#nav .title .list a:last-child { border: none; }


#banner { position: relative; height: 600px; }
#banner .bd { position: relative }
#banner .bd a { display: block; width: 100%; height: 600px; }
#banner .hd { margin: 0 auto; position: absolute; width: 100%; overflow: hidden; height: 16px; bottom: 30px; }
#banner .hd ul { margin: 0 auto; z-index: 9; width: 100%; display: inherit; text-align: center; position: relative; height: 16px; }
#banner .hd ul li { line-height: 500px; border-radius: 50%; height: 12px; width: 12px; margin: 0 5px; display: inline-block; background-color: #fff }
#banner .hd ul li:hover { background: #c09b50; }
#banner .hd ul li.on { background: #c09b50; }
#banner .bnt { position: absolute; top: 50%; z-index: 3; margin-top: -21px }
#banner .prev { position: absolute; left: -54px }
#banner .next { position: absolute; right: -54px }
#banner:hover .prev { left: 50px; opacity: .5; filter: alpha(opacity=50) }
#banner:hover .next { right: 50px; opacity: .5; filter: alpha(opacity=50) }
/*二次banner修改*/

.index_banner { position: relative; }
.index_banner ul { overflow: hidden; }
.index_banner li { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 880px; }
.index_banner li a { display: block; margin: 0 auto; }
.index_banner li a img { display: block; }
.index_banner cite { position: absolute; bottom: 10px; left: 50%; z-index: 999; display: block; margin-left: -145px; width: 290px; height: 15px; _display: none; }
.index_banner cite span { float: left; display: block; margin: 0 4px; width: 50px; height: 5px; background-color: #e5e5e5; text-indent: -999em; opacity: .8; cursor: pointer; }
.index_banner cite span:hover { background-color: #f5f5f5; }
.index_banner cite span.cur { background-color: #c09b50; cursor: default; }
.clear { clear: both; }
footer { height: 620px; background: url(../images/footer-bg.jpg) center top no-repeat; padding: 68px 0 0 0; box-sizing: border-box; }
footer .title { text-align: center; margin-bottom: 100px; }
footer .title h4 { color: #c09b50; font-size: 24px; font-weight: bold; text-transform: uppercase; }
footer .title h2 { font-weight: bold; border-bottom: #ecd6ad 2px solid; display: inline-block; padding: 0 30px; height: 20px; text-align: center; }
footer .title h2 span { color: #c09b50; font-size: 30px; display: block; height: 20px; background-color: #3b3b3d; width: 100%; height: 50px; padding: 0 5px; margin-left: -5px; }
footer .content .left { float: left; width: 462px; position: relative; }
footer .content .left h4 { font-size: 16px; color: #fff; margin-bottom: 15px; }
footer .content .left p { line-height: 22px; overflow: hidden; font-size: 12px; width: 376px; color: rgba(255, 255, 255, 0.6) }
footer .content .left h2 { padding: 0 0 0 20px; background: url(../images/local01.png) left center no-repeat; font-size: 14px; color: #fff; margin-bottom: 6px; }
footer .content .left h3 { padding: 0 0 0 20px; background: url(../images/tel03.png) left center no-repeat; font-size: 18px; font-weight: bold; color:#c09b50 }
footer .content .left ul li { display: inline-block; margin: 25px 3px; }
#fix_ewm_box { position: fixed; top: 0px; right: 0; z-index: 9999; display: none; width: 100%; height: 100%;  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8000000', endColorstr='#D8000000');
background: rgba(0, 0, 0, 0.9); }
#fix_ewm_box .ewm img { display: block; position: absolute; top: 50%; margin-top: -160px; left: 50%; margin-left: -100px; width: 200px; height: 200px; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
footer .content .left .llq { position: absolute; top: 116px; right: 0; }
footer .content .right { float: right; width: 630px; }
#job_form { width: 602px; margin: 0 auto; }
#job_form h1 { display: block; text-align: center; color: #737373; margin-bottom: 25px; padding-top: 25px; }
#job_form h1 strong { font-weight: bold; font-size: 18px; }
#job_form form { margin-right: -20px; }
#job_form .text { width: 259px; padding: 0 15px; height: 50px; line-height: 50px; background: none; border: 1px solid #fff; font-size: 14px; color: #fff; margin: 0 0 20px 0; float: left; }
#job_form textarea { display: block; height: 160px; resize: none; margin-bottom: 30px; background: none; border: 1px solid #fff; width: 560px; padding: 10px 15px; font-size: 14px; color: #fff; line-height: 20px; }
#job_form .hr_form_fot { position: relative; }
#job_form .text:focus { border: 1px solid #c09b50; }
#job_form textarea:focus { border: 1px solid #c09b50; }
#job_form .submit { background: #c09b50; font-size: 14px !important; border: 0; height: 45px !important; color: #fff; line-height: 45px !important; width: 150px; cursor: pointer; float: right; }
#job_form .submit:hover { background-color: #c09b50; color: #fff; }
#job_form .file_box { position: relative; padding-left: 60px; line-height: 28px; font-size: 14px; }
/*#job_form  .file_box input[type="file"]{ opacity:0; filter:alpha(opacity=0); cursor:pointer;}*/

#job_form .file_box .f_box { position: relative; }
#job_form .file_box input[type="file"] { cursor: pointer; }
#job_form .file_box strong { position: absolute; left: 0; top: 3px; color: #727272; }
#job_form .file_box .bnt_file { text-align: center; height: 28px; line-height: 28px; color: #fff; font-size: 12px; width: 85px; cursor: pointer; margin-left: 5px; background: #a9a9a9; border-radius: 2px; position: absolute; left: 0px; top: 3px; }
#job_form .f_box input { }
#job_form .file_box #jianli { width: 80px !important; height: 28px !important; cursor: pointer; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 95px; top: 3px; }
#job_form .file_box #jianli:hover .bnt_file { background: #10578e; color: #fff; }
footer .bottom { text-align: center; color: rgba(255, 255, 255, 0.3); font-size: 12px; margin-top: 80px; }
footer .bottom a { color: rgba(255, 255, 255, 0.3); font-size: 12px; }
footer .bottom a:hover { color: rgba(255, 255, 255, 1); }
/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.container01 { height: 80px; background-color:#c09b50 ; position: relative; }
.container01 .left { float: left; width: 825px; height: 80px; }
.container01 .left #content_ss { float: left; width: 274px; height: 38px; line-height: 38px; background-color: #fff; margin-top: 20px; position: relative; margin-right: 30px; }
.container01 .left #content_ss input[type="text"] { border: none; width: 215px; display: block; height: 36px; color: #787882; font-size: 14px; background: none; line-height: 36px; padding: 0 0 0 15px; font-family: "Microsoft YaHei"; }
.container01 .left #content_ss input[type="submit"] { position: absolute; right: 2px; top: 1px; padding: 0; z-index: 2; background: url(../images/sousuo.png) center no-repeat; height: 35px; width: 34px; cursor: pointer; border: none; }
.container01 .left dl { float: left; width: 480px; height: 80px; line-height: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.container01 .left dl dt { float: left; font-size: 14px; color: #fff; margin-right: 5px; }
.container01 .left dl dd a { float: left; font-size: 12px; color: rgba(255, 255, 255, 0.7); margin-right: 15px; }
.container01 .left dl dd a:hover { color: #fff }
.container01 .right { width: 735px; height: 80px; position: absolute; top: 0; background-color:#ecd6ad ; right: 50%; margin-right: -959.5px; box-sizing: border-box; padding: 15px 0 0 50px; }
.container01 .right .ico { float: left; margin-right: 15px; }
.container01 .right .ico img { margin: 5px 0 0 0 }
.container01 .right h6 { font-size: 14px; color:#4e4131 }
.container01 .right h3 { font-size: 20px; color:#4e4131 ; font-weight: bold; }
.container02 { padding: 40px 0 0 0 }
.container02 .title { text-align: center; margin-bottom: 42px; }
.container02 .title h4 { color: #c09b50; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.container02 .title h2 { font-weight: bold; border-bottom: #007A77 2px solid; display: inline-block; padding: 0 30px; height: 20px; text-align: center; }
.container02 .title h2 span { color: #c09b50; font-size: 30px; display: block; height: 20px; background-color: #fff; width: 100%; height: 50px; padding: 0 5px; margin-left: -5px; }
/*图文*/

.container02 ul { width: 1245px; }
.container02 li { float: left; width: 370px; text-align: center; overflow: hidden; height: 400px; margin-right: 45px; display: block; position: relative; }
.container02 ul li .up { float: left; width: 370px; height: 280px; overflow: hidden; margin-bottom: 10px; }
.container02 ul li .up img { float: left; width: 370px; height: 280px; }
.container02 ul li .text { float: left; width: 370px; height: 74px; line-height: 74px; background-color: #f7f7f8; box-sizing: border-box; padding: 0 35px; text-align: center; border: #dcdcdc 1px solid; color: #333335; font-size: 16px; }
.container02 ul li .text:hover { background-color: #c09b50; color: #fff; }
.container02 ul li .text h1 { float: left; width: 112px; height: 120px; line-height: 120px; font-size: 20px; color: #292929 }
.container02 ul li .text p { float: left; width: 194px; height: 48px; line-height: 24px; color: #747474; overflow: hidden; font-size: 14px; margin-top: 35px; }
.container02 ul li .font { width: 370px; height: 155px; top: 0; left: 0; position: absolute; color: #fff; text-align: center; font-size: 16px; padding-top: 125px; }
.container02 ul li .font h3 { font-size: 36px; color: #fff; font-weight: normal; margin-bottom: 20px; line-height: 36px; }
.container02 ul li:hover img { transform: scale(1.05, 1.05); }
.container02 ul li .font::before, .container02 ul li .font::after { position: absolute; content: ''; opacity: 0; transition: all 0.5s; }
.container02 ul li .font::before { top: 25px; right: 15px; bottom: 25px; left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0 }
.container02 ul li .font::after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0; }
.container02 ul li:hover .font::before, .container02 ul li:hover .font::after { opacity: 1; transform: scale(1); transition: all 0.5s; }
.container01 ul li .font::after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0; }
.container01 ul li:hover .font::before, .container02 ul li:hover .font::after { opacity: 1; transform: scale(1); transition: all 0.5s; }
.container03 { height: 275px; background: url(../images/jiaoyi.jpg) no-repeat center; }
.container03 .w1200 .left { float: left; width: 500px; }
.container03 .w1200 .left h2, .container03 .w1200 .right h2 { margin: 25px 0 20px 0 }
.container03 .w1200 .right h2 img { float: right; }
.container03 .w1200 .left .bt a { float: left; display: block; width: 137px; height: 42px; background-color: #fff; line-height: 42px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #1b2a55; margin-right: 18px; font-size: 14px; }
.container03 .w1200 .left .bt a:hover { background-color: #007A77; color: #fff }
.container03 .w1200 .right { float: right; width: 500px; }
.container03 .w1200 .right .bt a { float: right; display: block; width: 137px; height: 42px; background-color: #fff; line-height: 42px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #1b2a55; margin-right: 18px; font-size: 14px; }
.container03 .w1200 .right .bt a:hover { background-color: #007A77; color: #fff }
.container03 .w1200 .left .tel { float: left; display: block; width: 207px; height: 42px; line-height: 42px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #1b2a55; padding: 0 0 0 65px; box-sizing: border-box; background: #fff url(../images/tel01.png) 34px center no-repeat; font-weight: bold; font-size: 18px; color: #1b2a55; }
/*.container03 .w1200 .left .tel a:hover{ background:#007A77 url(../images/tel01-on.png) 34px center no-repeat; color:#fff}*/

.container03 .w1200 .right img { float: right; }
/*巴瑞尔八大优势*/

.container04 { padding: 40px 0 80px 0; }
.container04 .title { text-align: center; margin-bottom: 42px; }
.container04 .title h4 { color:#c09b50 ; font-size: 26px; font-weight: bold; text-transform: uppercase; }
.container04 .title h2 { font-weight: bold; display: inline-block; padding: 0 30px; height: 20px; text-align: center; }
.container04 .title h2 span { color: #c09b50; font-size: 36px; display: block; height: 20px; width: 100%; height: 50px; padding: 0 5px; margin-left: -5px; }
.container04 .w1200 .tab-hd { width: 1200px; margin-bottom: 75px; position: relative; z-index: 100; }
.container04 .w1200 .tab-hd ul { width: 960px; margin: 0 auto; margin-left: -40px; background: url(../images/container04-line.png) center 69px no-repeat; }
.container04 .w1200 .tab-hd ul li { float: left; width: 160px; text-align: center; cursor: pointer }
.container04 .w1200 .tab-hd ul li h5 { font-size: 16px; font-weight: bold; color: #c09b50; line-height: 50px; }
.container04 .w1200 .tab-hd ul li span { display: block; width: 41px; height: 41px; line-height: 41px; font-size: 16px; color: #fff; background-color: #d4d5da; margin: 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-top: 50px; }
.container04 .w1200 .tab-hd ul li:hover h5, .container04 .w1200 .tab-hd ul li.on h5 { color: #007A77; }
.container04 .w1200 .tab-hd ul li:hover span, .container04 .w1200 .tab-hd ul li.on span { background-color: #c09b50; }
.container04 .w1200 .tab-bd { position: relative; z-index: 1 !important; }
.container04 .w1200 .tab-con { float: left; width: 100%; height: 250px; background: url(../images/yh01.png) left top no-repeat, url(../images/yh02.png) right bottom no-repeat; position: relative; }
.container04 .w1200 .tab-con .left { float: left; width: 502px; }
.container04 .w1200 .tab-con .left .img { float: right; width: 360px; height: 250px; }
.container04 .w1200 .tab-con .con { float: right; width: 620px; padding: 30px 0 0 0; box-sizing: border-box; }
.container04 .w1200 .tab-con .con h5 { color: #c09b50; font-size: 24px; line-height: 36px; font-weight: bold; display: inline-block; }
.container04 .w1200 .tab-con .con small { color: #007A77; font-size: 14px; line-height: 36px; font-weight: bold; margin-left: 10px; text-transform: uppercase; }
.container04 .w1200 .tab-con .con p { font-size: 14px; color: #242424; line-height: 26px; margin-top: 30px; height: 52px; width: 465px; }
.container04 .arrow { position: absolute; right: 416px; top: 383px; }
.container04 .arrow a { display: block; text-align: center; width: 34px; height: 34px; line-height: 34px; float: right; margin: 0 5px; overflow: hidden; cursor: pointer; background-color: #d4d5da; color: #fff; font-size: 14px; font-family: simsun; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.container04 .arrow a:hover { background-color: #c09b50; }
.container04 .w1200 .tab-con .left .img .font { width: 360px; height: 125px; top: 0; left: 142px; position: absolute; color: #fff; text-align: center; font-size: 16px; padding-top: 125px; }
.container04 .w1200 .tab-con .left .img .font::before, .container04 .w1200 .tab-con .left .img .font::after { position: absolute; content: ''; opacity: 0; transition: all 0.5s; }
.container04 .w1200 .tab-con .left .img .font::before { top: 25px; right: 15px; bottom: 25px; left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0 }
.container04 .w1200 .tab-con .left .img .font::after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0; }
.container04 .w1200 .tab-con .left .img:hover .font::before, .container04 .w1200 .tab-con .left .img:hover .font::after { opacity: 1; transform: scale(1); transition: all 0.5s; }
/*您的家庭供暖热水系统*/

.container05 { padding: 80px 0 75px 0; }
.container05 .title { text-align: center; margin-bottom: 70px; }
.container05 .title h4 { color:#c09b50; font-size: 26px; font-weight: bold; text-transform: uppercase; }
.container05 .title h2 { font-weight: bold; display: inline-block; padding: 0 30px; height: 20px; text-align: center; }
.container05 .title h2 span { color:#c09b50; font-size: 36px; display: block; height: 20px; width: 100%; height: 50px; padding: 0 5px; margin-left: -5px; }
.container05 .w1200 ul { width: 500px; margin-bottom: 52px; padding-top: 100px; background: url(../images/guoji1.png) no-repeat; }
.container05 .w1200 ul.guoji2 { background: url(../images/guoji2.png) no-repeat; }
.container05 .w1200 ul li { float: left; width: 220px; text-align: center; box-sizing: border-box; margin-right: 30px; line-height: 60px; font-size: 24px; }
.container05 .w1200 ul li a { display: block; width: 100%; height: 100%; color: #fff; background:#c09b50; border-radius: 15px; box-shadow: 6px 6px 6px #898989; transition: all ease-in-out 0.8s; -webkit-transition: all ease-in-out 0.8s; -moz-transition: all ease-in-out 0.8s; -o-transition: all ease-in-out 0.8s; }
.container05 .w1200 ul li a:hover { background:#ecd6ad ; color:#4e4131; position: relative; bottom: 2px; }
.container05 .w1200 ul li:nth-child(7) { border-right: #e5e5e5 1px solid; }
.container05 .w1200 ul li .img { float: left; width: 100%; height: 90px; display: table; margin-top: 30px; }
.container05 .w1200 ul li .img i { display: table-cell; vertical-align: middle; }
.container05 .w1200 ul li h5 { float: left; width: 100%; height: 24px; line-height: 24px; color: #c09b50; font-size: 16px; }
.container05 .w1200 ul li h6 { float: left; width: 100%; height: 18px; line-height: 18px; color: #c09b50; font-size: 12px; text-transform: uppercase; }
.container05 .w1200 ul li .img .img02 { display: none; }
.container05 .w1200 ul li a:hover .img01 { display: none; }
.container05 .w1200 ul li a:hover .img02 { display: inline; }
.container05 .w1200 ul li a:hover h5, .container05 .w1200 ul li a:hover h6 { color: #fff }
.container05 .w1200 .con { text-align: center; }
.container05 .w1200 .con .bt, .container05 .w1200 .con .tel { display: inline-block; vertical-align: middle; }
.container05 .w1200 .con .bt a { display: inline-block; width: 170px; height: 50px; background-color: #c09b50; line-height: 50px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; margin-right: 18px; font-size: 18px; }
.container05 .w1200 .con .bt a:hover { background-color: #007A77; color: #fff }
.container05 .w1200 .con .tel a { display: inline-block; width: 225px; height: 50px; line-height: 50px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; padding: 0 0 0 40px; box-sizing: border-box; background: #007A77 url(../images/tel01-on.png) 30px center no-repeat; font-weight: bold; font-size: 24px; }
/*.container05 .w1200 .con .tel a:hover{ background:#c09b50 url(../images/tel01-on.png) 34px center no-repeat; color:#fff; padding: 0 0 0 36px;}*/


/*选择我们的四大理由*/

.container06 { padding: 80px 0 75px 0; background: url(../images/container06-bg.jpg) center top no-repeat; }
.container06 .title { text-align: center; margin-bottom: 70px; }
.container06 .title h4 { color: #fff; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.container06 .title h2 { font-weight: bold; border-bottom: #007A77 2px solid; display: inline-block; padding: 0 30px; height: 20px; text-align: center; }
.container06 .title h2 span { color: #fff; font-size: 30px; display: block; height: 20px; background-color: #303338; width: 100%; height: 50px; padding: 0 5px; margin-left: -5px; }
.container06 .w1200 .center { text-align: center; /*font-size:0;*/}
.container06 .w1200 .center img { margin: 0 auto; display: block; }
.container06 .w1200 .con { text-align: center; margin-top: 36px; }
.container06 .w1200 .con .tel a { display: inline-block; width: 312px; height: 68px; line-height: 68px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; padding: 0 0 0 70px; box-sizing: border-box; background: url(../images/ico-tel.png) 38px center no-repeat; font-weight: bold; font-size: 27px; border: #8f9093 2px solid; }
/*.container06 .w1200 .con .tel a:hover{ background:#c09b50 url(../images/ico-tel.png) 42px center no-repeat; color:#fff; padding: 0 0 0 66px;}*/


/*icon*/

.container07 { padding: 80px 0 0px 0; border-bottom: 1px solid #ddd; }
.container07 .title { text-align: center; margin-bottom: 70px; }
.container07 .title h4 { color: #c09b50; font-size: 26px; font-weight: bold; text-transform: uppercase; }
.container07 .title h2 { font-weight: bold; display: inline-block; padding: 0 30px; height: 20px; text-align: center; }
.container07 .title h2 span { color: #c09b50; font-size: 36px; display: block; height: 20px; width: 100%; height: 50px; padding: 0 5px; margin-left: -5px; }
.container07 .w1200 ul { overflow: hidden; margin: 90px 0 70px 0; }
.container07 .w1200 ul li { float: left; width: 400px; height: auto; text-align: center; box-sizing: border-box; }
.container07 .w1200 ul li a { display: block; width: 100%; height: 100%; }
.container07 .w1200 ul li .img { width: 137px; height: 110px; display: table; margin: 0 auto; margin-bottom: 20px; }
.container07 .w1200 ul li .img i { width: 137px; height: 110px; border-radius: 50%; display: table-cell; vertical-align: middle; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.container07 .w1200 ul li .img i:hover { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.container07 .w1200 ul li h5 { float: left; width: 100%; height: 30px; line-height: 30px; color: #252526; font-size: 26px; }
.container07 .w1200 ul li p { float: left; width: 100%; height: 48px; line-height: 24px; color: #242424; font-size: 16px; margin-top: 5px; }
.container07 .w1200 ul b { float: left; width: 60px; height: 185px; background: url(../images/jiantou.png) center center no-repeat; }
.container08 { background: url(../images/container08-bg.jpg) center top no-repeat; height: 390px; box-sizing: border-box; padding: 90px 0 0 0; text-align: center; }
.container08 a { display: block; }
.container08 h3 { font-size: 30px; color: #fff; text-transform: uppercase; }
.container08 h4 { font-size: 18px; color: #fff; line-height: 40px; }
.container08 h6 { font-size: 14px; color: #fff; margin-bottom: 56px; }
.container08 img { margin: 0 auto; }
.container08:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; 	/* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');
/* For IE 5.5 - 7 */
-moz-box-shadow: 1px 1px 10px #999999; /* for firefox */
-webkit-box-shadow: 1px 1px 10px #999999; /* for safari or chrome */
box-shadow: 1px 1px 10px #999999; /* for opera or ie9 */
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
/*工程案例*/

.container09 { padding: 100px 0 50px 0;/*background: #F9F9FA;*/
}
.container09 .title { text-align: center; margin-bottom: 42px; }
.container09 .title h4 { color: #c09b50; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.container09 .title h2 { font-weight: bold; /*border-bottom: #007A77 2px solid;*/
display: inline-block; padding: 0 30px; height: 20px; text-align: center; }
.container09 .title h2 span { color: #c09b50; font-size: 30px; display: block; height: 20px; width: 100%; height: 50px; padding: 0 5px; margin-left: -5px; }
.container09 .picScroll { width: 1200px; }
.container09 .scrollWrap { width: 1094px; margin: 0 auto; overflow: hidden; }
.container09 ul li { float: left; width: 200px; margin: 20px 26px 0 0; }
.container09 ul li a { display: block; }
.container09 ul li a .img { display: block; width: 200px; overflow: hidden; position: relative; }
.container09 ul li a img { display: block; width: 200px; }
.container09 ul li a h1 { padding: 17px 0px 12px 0px; padding-bottom: 0px; display: block; position: relative; }
.container09 ul li a h1 { font-size: 14px; margin-bottom: 10px; color: #222225; display: block; }
.container09 ul li a:hover h1 { color: #007A77; }
.container09 .fot_box { position: relative; height: 14px; line-height: 14px; }
.container09 .fot_box span { color: #5b5c5e; font-size: 12px; }
.container09 .fot_box a { display: block; color: #4a4b57; font-size: 12px; position: absolute; right: 0px; top: 0; }
.container09 .fot_box a:hover { color: #007A77; }
.container09 .bd { position: relative; }
.container09 .prev, .container09 .next { display: block; width: 34px; height: 34px; line-height: 32px; z-index: 9; overflow: hidden; box-sizing: border-box; border: #c09b50 2px solid; font-family: simsun; color: #c09b50; font-size: 23px; font-weight: bold; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.container09 .prev { position: absolute; left: 0; top: 50%; margin-top: -10px; }
.container09 .next { position: absolute; right: 0; top: 50%; margin-top: -10px; }
.container09 ul li a .img .font { width: 200px; height: 65px; top: 0; left: 0; position: absolute; color: #fff; text-align: center; font-size: 16px; padding-top: 125px; }
.container09 ul li a .img .font::before, .container09 ul li a .img .font::after { position: absolute; content: ''; opacity: 0; transition: all 0.5s; }
.container09 ul li a .img .font::before { top: 25px; right: 15px; bottom: 25px; left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0 }
.container09 ul li a .img .font::after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0; }
.container09 ul li a .img:hover .font::before, .container09 ul li a .img:hover .font::after { opacity: 1; transform: scale(1); transition: all 0.5s; }
/*经销商见证*/

.container10 { padding: 60px 0 60px 0; background-color: #003e8b }
.container10 .title { text-align: center; margin-bottom: 42px; }
.container10 .title h4 { color: #e9bb5f; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.container10 .title h2 { font-weight: bold; border-bottom: #007A77 2px solid; display: inline-block; padding: 0 30px; height: 20px; text-align: center; }
.container10 .title h2 span { color: #fff; font-size: 30px; display: block; height: 20px; background-color: #003e8b; width: 100%; height: 50px; padding: 0 5px; margin-left: -5px; }
.container10 .focusBox { float: left; position: relative; width: 410px; height: 284px; overflow: hidden; text-align: left; }
.container10 .pic img { width: 410px; height: 284px; display: block; }
.container10 ul li .top { position: absolute; width: 100%; height: 60px; line-height: 60px; bottom: 0; }
.container10 ul li .top h6 { font-size: 15px; color: #3c3c3e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding: 0 25px; color: #fff;  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC003E8B', endColorstr='#CC003E8B');
background: rgba(0, 62, 139, 0.8); }
.container10 .notice .tab-bd .con { float: right; width: 725px; }
.container10 .notice .tab-bd .con ul li { float: left; width: 100%; padding: 0px 0 6px 0; border-bottom: #e0e0e1 1px solid; margin-bottom: 6px; }
.container10 .notice .tab-bd .con ul li h5 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 10px 0; }
.container10 .notice .tab-bd .con ul li h5 .span { color: #d42c30; }
.container10 .notice .tab-bd .con ul li a { color: #323131; font-size: 15px; }
.container10 .notice .tab-bd .con ul li p { color: #929294; font-size: 12px; line-height: 22px; height: 44px; overflow: hidden; }
.container10 .content .con { float: right; width: 725px; }
.container10 .content .con .first { width: 100%; overflow: hidden; }
.container10 .content .con .first a { display: block; font-size: 15px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; height: 44px; line-height: 22px; margin-bottom: 15px; border-bottom: #1a5297 1px solid; }
.container10 .content .con .first span { display: inline-block; width: 100%; line-height: 20px; color: #9e9ea1; font-size: 12px; }
.container10 .content .con .first p { float: left; font-size: 12px; color: rgba(255, 255, 255, 0.45); line-height: 22px; height: 44px; overflow: hidden; margin-top: 5px; margin-bottom: 15px; }
.container10 .content .con ul { padding: 10px 0 0 0 }
.container10 .content .con ul li { float: left; width: 100%; line-height: 50px; height: 50px; border-bottom: #1a5297 1px solid; }
.container10 .content .con ul li i { float: left; width: 7px; margin-right: 8px; }
.container10 .content .con ul li i img { float: left; width: 100%; height: auto; margin-top: 22px; }
.container10 .content .con ul li a { float: left; width: 66%; font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.container10 .content .con ul li a:hover, .container10 .content .left .con .first a:hover, .container10 .content .con .first a:hover { color: #007A77; }
.container10 .content .con ul li span { float: right; width: 68px; text-align: right; font-size: 12px; color: #979595; }
.container10 .content .con .first .left { width: 540px; }
.container10 .content .con .first .right { width: 70px; text-align: right; }
.container10 .content .con .first .right h1 { font-size: 35px; color: #ffffff; line-height: 40px; font-weight: bold; }
.container10 .content .con .first .right h6 { color: #fff }
.container10 .content .con .first .right h2 { font-size: 12px; color: #353537; line-height: 30px }
.container10 .content .con .first .right strong { font-size: 14px; color: #e94609; font-family: simsun; margin: 0 11px 0 0; line-height: 50px; }
/*巴瑞尔全国体验店*/

.container11 { padding: 70px 0 30px 0; background-color: #f9f9fa; }
.container11 .title { text-align: center; margin-bottom: 65px; }
.container11 .title h4 { color: #c09b50; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.container11 .title h2 { font-weight: bold; border-bottom: #007A77 2px solid; display: inline-block; padding: 0 30px; height: 20px; text-align: center; }
.container11 .title h2 span { color: #c09b50; font-size: 30px; display: block; height: 20px; background-color: #f9f9fa; width: 100%; height: 50px; padding: 0 5px; margin-left: -5px; }
.container11 ul { float: left; width: 1260px; margin-bottom: 20px }
.container11 ul li { float: left; width: 580px; height: 200px; position: relative; margin: 0 50px 30px 0; background-color: #fff; border: #e2e2e3 1px solid; box-sizing: border-box; }
.container11 ul li .text_box { width: 220px; }
.container11 ul li .text_box { position: relative; width: 325px; padding: 11px 10px 0 30px; height: 188px; margin: 0 0 0 245px; box-sizing: border-box; }
.container11 ul li h1 { font-size: 18px; margin: 0 10px 5px 0; color: #c09b50; display: inline-block; }
.container11 ul li small { font-size: 12px; color: #c7c8c9; display: inline-block; padding: 1px 13px; border: #c7c8c9 1px solid; border-radius: 2px; }
.container11 ul li p { font-size: 14px; line-height: 22px; overflow: hidden; margin-bottom: 10px; }
.container11 ul li .p1 { color: #353537; background: url(../images/tel02.png) 0 4px no-repeat; margin-top: 15px; }
.container11 ul li .p2 { color: #353537; background: url(../images/local.png) 0 4px no-repeat; margin-top: 8px; }
.container11 ul li img { position: absolute; left: 16px; top: 16px; height: 160px; width: 230px; display: block; transition: transform 1.6s; }
.container11 ul li:hover img { transform: scale(1.4); }
/*新闻中心*/

.container12 { padding: 56px 0 65px 0; }
.container12 .title { text-align: center; margin-bottom: 42px; }
.container12 .title h4 { color: #c09b50; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.container12 .title h2 { font-weight: bold; border-bottom:#ecd6ad 2px solid; display: inline-block; padding: 0 30px; height: 20px; text-align: center; }
.container12 .title h2 span { color: #c09b50; font-size: 30px; display: block; height: 20px; background-color: #fff; width: 100%; height: 50px; padding: 0 5px; margin-left: -5px; }
.container12 ul { width: 1260px; float: left; }
.container12 ul li { float: left; width: 365px; margin: 20px 52.5px 0 0; }
.container12 ul li a { display: block; }
.container12 ul li a .img { display: block; width: 365px; height: 215px; overflow: hidden; position: relative; }
.container12 ul li a img { display: block; width: 365px; height: 215px; }
.container12 ul li a h1 { padding: 30px 0px 12px 0px; padding-bottom: 0px; display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.container12 ul li a h1 { font-size: 16px; margin-bottom: 10px; color: #000; display: block; }
.container12 ul li a:hover h1 { color: #c09b50; }
.container12 .fot_box { position: relative; line-height: 14px; }
.container12 .fot_box span { color: #b6b6b9; font-size: 12px; }
.container12 .fot_box p { font-size: 14px; color: #242424; line-height: 24px; margin: 15px 0 40px 0; }
.container12 .fot_box a { display: block; color: #999999; font-size: 16px; width: 88px; height: 34px; line-height: 30px; box-sizing: border-box; border: #eeeeee 1px solid; text-align: center; }
.container12 .fot_box a b { font-family: simsun; font-size: 12px }
.container12 .fot_box a:hover { background-color: #c09b50; color: #fff }
.container12 ul li a .img .font { width: 365px; height: 90px; top: 0; left: 0; position: absolute; color: #fff; text-align: center; font-size: 16px; padding-top: 125px; }
.container12 ul li a .img .font::before, .container12 ul li a .img .font::after { position: absolute; content: ''; opacity: 0; transition: all 0.5s; }
.container12 ul li a .img .font::before { top: 25px; right: 15px; bottom: 25px; left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0 }
.container12 ul li a .img .font::after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0; }
.container12 ul li a .img:hover .font::before, .container12 ul li a .img:hover .font::after { opacity: 1; transform: scale(1); transition: all 0.5s; }
/*友情链接*/

.container13 { border-top: #ececee 1px solid; background-color: #f9f9fa; }
.container13 .w1200 { border: none; position: relative; }
.container13 .nav { float: left; width: 100px; font-size: 14px; color: #c09b50; height: 70px; line-height: 70px; font-weight: bold; }
.container13 ul { float: left; width: 1020px; height: 30px; overflow: hidden; box-sizing: border-box; margin: 20px 0 20px 0; }
.container13 ul li { float: left; line-height: 30px; padding: 0 6px; height: 30px; overflow: hidden; }
.container13 ul li a { color: #5c5c5e; font-size: 12px; }
.container13 ul li a:hover { color: rgb(19, 38, 104) }
.container13 button { width: 15px; height: 16px; position: absolute; right: 0; top: 33px; background: url(../images/down.png) no-repeat; border: none; cursor: pointer; }
.container13 .height { height: auto; }
/*==========================================首页 结束=============================================*/



/*==========================================首页 2024.8改版 开始=============================================*/
.swiper-pagination{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.swiper-pagination-bullet { background: #c09b50; width: 12px; height: 12px; position: relative; z-index: 0; -webkit-border-radius: 50%; border-radius: 50%; opacity: 1; outline: none; box-sizing: border-box; }
.swiper-pagination-bullet-active{ background: none; border: 2px solid #c09b50; opacity: 1;}

.banner{ width: 100%; position: relative; background: #000; }
.banner .swiper-slide{ width: 100%; position: relative; background: #000; }
.banner .swiper-slide::after{content: ""; display: block; padding-bottom:30.2083%; }
.banner .swiper-slide img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position:center; }
.banner .swiper-pagination-bullet{ height: 5px; width: 64px; background: #fff; border-radius: 1em; opacity: 1; overflow: hidden; }
.banner .swiper-pagination-bullet::after { content: ""; display:block; height: 100%; width: 0; }
.banner .swiper-pagination-bullet-active::after {content: ""; width: 100%; background: #c09b50;
-webkit-animation: progressbar linear 4.5s 1 forwards; animation: progressbar linear 4.5s 1 forwards; -webkit-transition: width 4.5s ease-out; transition: width 4.5s ease-out;}
@keyframes progressbar {
	from { width: 0; }
	to { width: 100%; }
}

.Flex{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
.sec-tit { color: #c09b50; text-align: center; margin-bottom: 48px; }
.sec-tit .en{ font-size: 24px; font-weight: bold; text-transform: uppercase; }
.sec-tit .cn{ font-size: 30px; font-weight: bold; }
.sec-tit .cn span::before { content: ""; display: inline-block; width: 25px; height: 2px; background: #ecd6ad; vertical-align: middle; margin-right: .25em; }
.sec-tit .cn span::after { content: ""; display: inline-block; width: 25px; height: 2px; background: #ecd6ad; vertical-align: middle; margin-left: .25em; }

/*** 公司简介 ***/
.iAbout { padding: 100px 0; }
.iAbout .L { width: 47%; position: relative; }
.iAbout .R { width: 47%; }
.iAbout .L::after{ content: "since 2004"; display: block; position: absolute; right: -10%; bottom: 0; font: 48px Impact, "Arial Black", "sans-serif"; color: rgba(236, 214, 173, .5) } 
.iAbout .L .tit{ font-size: 32px; font-weight: bold; color: #222; margin-top: 1em; }
.iAbout .L .txt{ color: #666; line-height: 1.75; margin-top: 1.5em; }
.iAbout .L .ljgd { display: inline-block; font-size: 14px; background: #ffc06c; border-radius: 4em; padding: .75em 3em; margin-top: 1em; color: rgb(0, 0, 0,.75); -webkit-transition: .5s; transition: .5s;  }
.iAbout .L .ljgd:hover { color: #fff; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.iAbout .R .swiper-slide{ width: 100%; position: relative; }
.iAbout .R .swiper-slide::after{ content: ""; display: block; padding-bottom:66.6667%; }
.iAbout .R .swiper-slide img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position:center; }

/*** 公司资质 ***/
.iCer { padding: 100px 0; background: #f5f5f5; }
.iCer .sec-tit .slo{ font-size: 20px; font-weight: bold; color: #000; margin-top: 1.5em;}
.iCer .sj { margin-bottom: 2em; }
.iCer .sj li { width: calc(100% / 3); text-align: center; }
.iCer .sj li b{ display: block; font-size: 28px; font-weight: bold; }
.iCer .sj li p{ color: #666; }
.iCer .swiper{ width: 100%; padding-bottom: 1.5em; }
.iCer .swiper-slide{ width: 100%; position: relative; border: solid 1px #ddd; box-sizing: border-box; }
.iCer .swiper-slide::after{ content: ""; display: block; padding-bottom:70.7071%; }
.iCer .swiper-slide img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position:center; padding: 2px; box-sizing: border-box; }
.iCer .swiper-pagination{ bottom: 0; }

/*** 主营业务 ***/
.iBiz{ width: 100%; background: url('../images/2024/yw-bg.jpg') no-repeat 50% 50%/cover fixed; padding: 100px 0; position: relative; }
.iBiz::after { content: "";  position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; height: 100%; background: rgb(0, 0, 0,.5); }
.iBiz ul { position: relative; z-index: 2; }
.iBiz .sec-tit { position: relative; z-index: 2; color: #ffc06c; }
.iBiz ul li{ width: calc(100% / 4 - 28px); background: rgba(0, 0, 0, .45); padding: 1.5em 2em; border-radius: 4px; box-sizing: border-box; }
.iBiz ul li span{ font:64px Impact,"Arial Black", "sans-serif"; color: rgba(255, 255, 255, 1); display: block; margin-bottom: .25em; }
.iBiz ul li p{ font-size: 22px; font-weight: bold; color: #ffc06c; text-align: center; padding: .5em 0; }

/*** 服务优势 ***/
.iAdv { padding: 100px 0; }
.iAdv ul li{ width: calc(100% / 4 - 3em); background: rgba(213, 168, 83, .75); padding: 2em; border-radius: 10em 10em 0 0; overflow: hidden; box-sizing: border-box; }
.iAdv ul li:nth-child(2n) { background: rgba(213, 168, 83, 1); }
.iAdv ul li .pic { width: 100%; }
.iAdv ul li .pic img{ width: 100%; }
.iAdv ul li .txt strong{ font-size: 24px; font-weight: bold; color: rgba(0, 0, 0, .75); text-align: center; display: block; padding: .75em 0; }
.iAdv ul li .txt p{ line-height: 1.75; color: rgba(0, 0, 0, .75); }

/*** 成功案例 ***/
.iCase { padding: 100px 0; background: #f5f5f5; }
.iCase ul li{ width: calc(100% / 5 - 1em); background: #fff; position: relative; margin: .5em 0; overflow: hidden; box-sizing: border-box; box-shadow: 0 2px 8px #dfdfdf; }
.iCase ul li::after{ content: ""; display: block; padding-bottom:50%; }
.iCase ul li img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position:center; padding: 1em; box-sizing: border-box; }

/*** 中范认证 内页 ***/
.zfrz ul li{ width: calc(100% / 3 - 1em); padding: .5em; box-shadow: 0 2px 8px #dfdfdf; box-sizing: border-box; }
.zfrz ul li img{ width: 100%;}
.zfrz .txt{ padding: 2.5em 0; }
.zfrz .txt p{ text-align: justify; text-indent: 2em; line-height: 2; padding: .5em 0; }

/*** 简介 内页 ***/
.About .tit{ font-size: 18px; font-weight: bold; color: #ec9b0b; padding-top: 1em; }
.About .txt{ color: #666; line-height: 1.75; padding: 1.5em 0; }
.About .swiper { width: 100%; padding-bottom: 1.5em; }
.About .photo{ width: 100%; }
.About .photo li{ width: calc(50% - .25em); position: relative; margin-top: .5em; }
.About .photo li::after{ content: ""; display: block; padding-bottom:66.6667%; }
.About .photo li img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position:center; }

/*==========================================首页 2024.8改版 结束=============================================*/







/*==========================================内页 开始=============================================*/


/*=======================内页==============================*/

.n_main_box { position: relative; width: 1200px; margin: 0 auto; }
#n_banner { position: relative; overflow: hidden; width: 100%; height: 280px; }
/*==============当前位置=====================*/

.position { position: absolute; top: 5px; right: 0px; padding-left: 22px; /*background: url(../images/icon_home.png) left center no-repeat;*/ color: #8a8986; line-height: 30px; }
.position span, .position a, .position i { color: #8a8986; font-size: 12px; }
.position em { color: #c09b50; font-style: normal; font-size: 12px; }
.position a:hover { color: #c09b50; }
/*==============n_content_left=====================*/

#n_left { float: left; overflow: hidden; width: 230px; }
#n_left .up { background: #c09b50 }
#n_left .up .title { height: 95px; background: #c09b50 }
#n_left .up .title h1 { padding: 20px; color: #fff }
#n_left .up .title h1 strong { font-size: 24px; display: block; font-family: Arial; text-transform: uppercase }
#n_left .up .title h1 span { font-size: 16px; display: block }
/*=================侧导航==================*/

.left_un { margin-top: 20px; }
#n_nav dt { height: 40px; line-height: 40px; position: relative; background: #F2F2F2; border-bottom: 1px solid #fff }
#n_nav dt a { padding: 0 30px 0 20px; display: block; color: #444; font-size: 14px }
#n_nav dt.on a { font-weight: 700; color: #c09b50 }
#n_nav dt.title_on.on { border: none; }
#n_nav dt:hover a { font-weight: 700; color: #c09b50 }
#n_nav dt.title { background: url(../images/icon_jh.png) 200px center no-repeat #e4e5e8 }
#n_nav dt.title_on { background: url(../images/icon_j_h.png) 200px center no-repeat #e4e5e8; border-bottom: 1px solid #e4e5e8 }
#n_nav dd { background: #e4e5e8; padding: 0 20px 10px 20px; border-bottom: 1px solid #fff; display: none; }
#n_nav dd .box { border-top: 1px solid #cdcdd1 }
#n_nav dd a { padding-left: 10px; line-height: 32px; font-size: 12px; color: #636060; display: block; height: 32px; background: url(../images/icon_nav_sub_li.png) left center no-repeat }
#n_nav dd a:hover { font-weight: 700; color: #c09b50 }
#n_nav dd a.on { font-weight: 700; color: #c09b50 }
#n_nav dd a.on { background: url(../images/icon_nav_sub_li_on.png) left center no-repeat }
#n_sub_nav { }
#n_sub_nav ul { }
#n_sub_nav ul li { position: relative; }
#n_sub_nav ul li>a { padding: 0 20px 0 35px; font-size: 12px; line-height: 45px; border-bottom: 1px solid #e9e6e6; display: block; }
#n_sub_nav ul li strong { color: #333333; }
#n_sub_nav ul li span { color: #333333; position: absolute; left: 20px; top: 0px; }
#n_sub_nav ul li.on>a { background: #c09b50 !important; }
#n_sub_nav ul li.on>a strong { color: #fff; }
#n_sub_nav ul li.on>a span { position: absolute; right: 20px; top: 0px; color: #fff; }
#n_sub_nav ul li>a:hover { background: #c09b50; }
#n_sub_nav ul li>a:hover strong { color: #fff; }
#n_sub_nav ul li>a:hover span { position: absolute; right: 20px; top: 0px; color: #fff; }
/*===========二级下啦============*/

#n_sub_nav ul li.title a { }
#n_sub_nav ul li.title .list { display: none; padding: 10px; background: ff; }
#n_sub_nav ul li.title .list a.on { }
#n_sub_nav ul li.title .list a { display: block; line-height: 30px; font-size: 12px; color: #939090; padding-left: 20px; }
#n_sub_nav ul li.title .list a:hover { color: #c09b50; }
#n_sub_nav ul li.title .list a.on { color: #c09b50; }
#left_pro { background: #eff2f4; padding: 20px 0; margin-top: 25px; }
#left_pro .title { display: block; height: 20px; line-height: 20px; border-bottom: 1px solid #fff; padding: 0 20px 10px 20px; font-size: 15px; color: #444; }
#left_pro ul { padding: 20px; padding-bottom: 5px; }
#left_pro li { width: 190px; }
#left_pro li a { position: relative; overflow: hidden; width: 190px; }
#left_pro li .pic_box { width: 190px; height: 144px; overflow: hidden; }
#left_pro li img { width: 190px; height: 144px; display: block; background: #fff; }
#left_pro li h1 { height: 36px; margin-top: 15px; padding: 0 5px; line-height: 18px; color: #444; font-size: 12px; text-align: center; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#left_pro li:hover h1 { color: #c09b50; }
#left_pro li:hover { }
#left_pro .more { display: block; margin: 0 auto; width: 190px; height: 30px; line-height: 30px; background: #c09b50; border-radius: 3px; overflow: hidden; text-align: center; font-size: 12px; color: #fff; }
#left_pro .more:hover { background: #c09b50; }
/*==============n_content_right=====================*/

.n_right { float: right; width: 930px; }
.n_title { position: relative; height: 40px; border-bottom: 1px solid #dcdce0; line-height: 40px; margin-bottom: 10px; }
.n_title h1 { background: url(../images/icon_n_title.jpg) left center no-repeat; padding-left: 10px; display: inline-block; margin-bottom: 0px; color: #151515; font-size: 16px; }
/*==============n_content=====================*/

.n_content { padding-top: 30px; min-height: 360px; padding-bottom: 30px; }
#n_zizhi ul { width: 980px; margin-bottom: 20px; overflow: hidden; }
#n_zizhi li { display: block; float: left; width: 296px; margin: 0 30px 35px 0; box-sizing: border-box; }
#n_zizhi li.last { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
#n_zizhi li a { display: block; }
#n_zizhi li .pic_box { width: 267.5px; height: 202px; display: table; overflow: hidden; background: #e5e7e9; padding: 5px 5px; text-align: center; }
#n_zizhi li .pic_box .box { display: table-cell; vertical-align: middle; }
#n_zizhi li img { max-width: 267px; height: 202px; display: block; margin: 0 auto; }
#n_zizhi li span { display: block; text-align: center; font-size: 14px; color: #6a6a6d; padding-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
#n_zizhi li:hover a span { color: #6a6a6d; }
#n_zizhi li:hover img { box-shadow: none; }
.page { margin: 10px auto 0 auto; }
.page .box { display: inherit; width: 100%; height: 35px; text-align: center; }
.page a { width: 35px; height: 35px; line-height: 35px; display: inline-block; margin: 0px 3px; color: #fff; background-color: #d0d0d0; font-size: 15px; vertical-align: top; }
.page .a { font-family: "SimSun"; width: 55px; }
.page .on { background: #c09b50; color: #fff !important; }
.page a font { font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68); }
.page span { background: #c09b50c09b50; color: #fff !important; }
.page a:hover { background: #c09b50; color: #fff !important; text-decoration: none; }
.page a:hover font { color: #fff; }
.page a.u_bnt { transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s;/* Opera */
}
#n_product ul { width: 1245px; }
#n_product li { float: left; width: 280px; text-align: center; overflow: hidden; height: 310px; margin-right: 45px; display: block; position: relative; }
#n_product ul li .up { float: left; width: 280px; height: 212px; overflow: hidden; margin-bottom: 10px; }
#n_product ul li .up img { float: left; width: 280px; height: 212px; }
#n_product ul li .text { float: left; width: 280px; height: 50px; line-height: 50px; background-color: #f7f7f8; box-sizing: border-box; padding: 0 35px; text-align: center; border: #dcdcdc 1px solid; color: #333335; font-size: 16px; }
#n_product ul li .text:hover { background-color: #c09b50; color: #fff }
#n_product ul li .text h1 { float: left; width: 112px; height: 120px; line-height: 120px; font-size: 20px; color: #292929 }
#n_product ul li .text p { float: left; width: 194px; height: 48px; line-height: 24px; color: #747474; overflow: hidden; font-size: 14px; margin-top: 35px; }
#n_product ul li .font { width: 280px; height: 87px; top: 0; left: 0; position: absolute; color: #fff; text-align: center; font-size: 16px; padding-top: 125px; }
#n_product ul li .font h3 { font-size: 36px; color: #fff; font-weight: normal; margin-bottom: 20px; line-height: 36px; }
#n_product ul li:hover img { transform: scale(1.05, 1.05); }
#n_product ul li .font::before, #n_product ul li .font::after { position: absolute; content: ''; opacity: 0; transition: all 0.5s; }
#n_product ul li .font::before { top: 25px; right: 15px; bottom: 25px; left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0 }
#n_product ul li .font::after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0; }
#n_product ul li:hover .font::before, #n_product ul li:hover .font::after { opacity: 1; transform: scale(1); transition: all 0.5s; }
.container01 ul li .font::after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0; }
.container01 ul li:hover .font::before, #n_product ul li:hover .font::after { opacity: 1; transform: scale(1); transition: all 0.5s; }
#news .con { float: right; width: 930px; margin-bottom: 30px; margin-top: -10px; }
#news .con .first { width: 100%; overflow: hidden; }
#news .con .first a { display: block; font-size: 15px; color: #222225; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; height: 44px; line-height: 22px; margin-bottom: 15px; border-bottom: #efefef 1px solid; }
#news .con .first span { display: inline-block; width: 100%; line-height: 20px; color: #9e9ea1; font-size: 12px; }
#news .con .first p { float: left; font-size: 12px; color: #797979; line-height: 22px; height: 44px; overflow: hidden; margin-top: 5px; margin-bottom: 15px; }
#news .con ul { float: left; width: 100%; }
#news .con ul li { float: left; width: 100%; line-height: 50px; height: 50px; border-bottom: #efefef 1px solid; }
#news .con ul li i { float: left; width: 7px; margin-right: 8px; }
#news .con ul li i img { float: left; width: 100%; height: auto; margin-top: 22px; }
#news .con ul li a { float: left; width: 66%; font-size: 14px; color: #222225; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#news .con ul li a:hover, #news .left .con .first a:hover, #news .con .first a:hover { color: #c09b50; }
#news .con ul li span { float: right; width: 68px; text-align: right; font-size: 12px; color: #979595; }
#news .con .first .left { width: 820px; }
#news .con .first .right { width: 70px; text-align: right; }
#news .con .first .right h1 { font-size: 35px; color: #222225; line-height: 40px; font-weight: bold; }
#news .con .first .right h6 { color: #222225; }
#news .con .first .right h2 { font-size: 12px; color: #353537; line-height: 30px }
#news .con .first .right strong { font-size: 14px; color: #c09b50; font-family: simsun; margin: 0 11px 0 0; line-height: 50px; }
#n_contact { }
#n_contact .link_box a { margin-top: 25px; }
#n_contact .link_box a { background: #a3a3a6; border-radius: 3px; position: relative; display: inline-block; margin-right: 10px; height: 40px; line-height: 40px; padding-left: 50px; width: 105px; color: #fff; font-size: 14px; }
#n_contact .link_box a i { display: block; position: absolute; left: 0; height: 40px; width: 45px; }
#n_contact .link_box a:hover { background: #00468c; }
#n_contact .map { border: 1px solid #e5e7eb; height: 260px; overflow: hidden; }
#talent ul { float: left; position: relative; z-index: 3; width: 1240px; margin-bottom: 30px; }
#talent ul li { float: left; width: 450px; height: 140px; margin: 0px 30px 25px 0; text-align: center; cursor: pointer; overflow: hidden; background-color: #eeeff2; box-sizing: border-box; }
#talent ul li:hover { background: #c09b50; border: none }
#talent ul li .con { float: left; width: 100%; height: 140px; position: relative; z-index: 1; }
#talent ul li h6 { text-align: center; }
#talent ul li h6 span { display: inline-block; font-size: 12px; margin-bottom: 20px; color: #868789; margin: 0 15px; }
#talent ul li h2 { font-size: 22px; color: #c09b50; line-height: 40px; margin-top: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
#talent ul li:hover h2, .talent ul li:hover p, .talent ul li:hover span { color: #fff }
.zp .nav { background: url(../images/news-nav-bg.png) left bottom no-repeat; margin-bottom: 20px; }
.zp .ar_article h3 { color: #4f5050; font-size: 22px; line-height: 24px; margin-bottom: 20px; text-align: left; font-weight: normal; }
.zp .ar_article h6 { display: inline-block; color: #7e8080; font-size: 12px; line-height: 24px; margin-bottom: 25px; font-weight: normal; text-align: left; }
.zp .ar_article p { line-height: 28px; }
.zp form { width: 980px; margin-top: 20px; }
.zp .messlist { height: 43px; margin: 0 17px 12px 0; float: left; width: 454px; border: #e2e4e6 1px solid; color: #5e5f61; }
.zp .messlist label, .form-list .messlist01 label, .zp .messlist03 label { float: left; width: 120px; height: 43px; line-height: 43px; text-align: left; color: #5e5f61; font-size: 14px; box-sizing: border-box; padding: 0 0 0 20px; background-color: #e2e4e6; }
.zp .messlist input { float: left; width: 256px; height: 43px; padding: 0 10px; background: none; border: none; outline: none; color: #5e5f61; font-size: 12px; }
.zp .messlist01 { height: 43px; margin-top: 30px; float: left; width: 880px; border: #d3d7d8 1px solid; background: #fbfbfc; color: #5e5f61; margin-right: 44px; }
.zp .messlist01 input { float: left; width: 712px; height: 48px; padding: 0 10px; background-color: #fbfbfc; border: none; outline: none; color: #5e5f61; font-size: 12px; }
.zp .messlist02 { height: 151px; margin: 0 0 12px 0; float: left; width: 930px; border: #e2e4e6 1px solid; color: #5e5f61; box-sizing: border-box; }
.zp .messlist02 textarea { float: left; width: 691px; height: 149px; color: #5e5f61; font-size: 12px; border: none; outline: none; padding: 16px 10px; resize: none; box-sizing: border-box; background: none; }
.zp .messlist02 label { float: left; width: 120px; height: 150px; line-height: 45px; text-align: left; color: #424a59; font-size: 12px; box-sizing: border-box; padding: 0 0 0 20px; background-color: #e2e4e6; }
.zp .yanzheng { display: inline; float: left; position: absolute; right: -152px; top: 3px; }
.zp .messsub input { float: left; width: 120px; height: 43px; line-height: 43px; background: #c09b50; font-size: 14px; cursor: pointer; color: #fff; border: none; margin: 5px 142px 0 0; font-family: Microsoft Yahei; }
.zp .messsub input:hover { background: #007A77; }
.zp .messlist03 { height: 44px; margin: 0 0 0 0; float: left; width: 310px; border: #dcdcdc 1px solid; color: #5e5f61; box-sizing: border-box; position: relative; }
.zp .messlist03 input { float: left; width: 188px; height: 43px; color: #5e5f61; font-size: 12px; border: none; outline: none; padding: 10px 10px; resize: none; box-sizing: border-box; background: none; }
.uploader { height: 43px; position: relative; display: inline-block; overflow: hidden; cursor: default; padding: 0; width: 456px; margin: 0 0 0 165px; box-sizing: border-box; }
.filename { float: left; display: inline-block; outline: 0 none; height: 43px; width: 195px; margin: 0; padding: 8px 10px; overflow: hidden; cursor: default; color: #777; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; border: #e2e4e6 1px solid; }
.button { float: left; width: 120px; height: 41px; display: inline-block; outline: 0 none; padding: 8px 12px; margin: 0; cursor: pointer; border: none; margin-left: 20px; font-family: "Microsoft Yahei"; color: #5e5f61 }
.uploader input[type=file] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0; padding: 0; margin: 0; width: 455px; height: 41px; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.zp .uploader label { float: left; width: 120px; height: 43px; line-height: 43px; text-align: left; color: #5e5f61; font-size: 14px; box-sizing: border-box; padding: 0 0 0 20px; background-color: #e2e4e6; }
.news .nav { background: url(../images/news-nav-bg.png) center bottom no-repeat; margin-bottom: 40px; }
.gy .ar_article h4 { color: #848486; font-size: 16px; line-height: 24px; font-weight: normal; text-transform: uppercase }
.gy .ar_article h5 { color: #49494c; font-size: 16px; line-height: 24px; margin-bottom: 25px; font-weight: normal }
.news .ar_article h3 { color: #4f5050; font-size: 22px; line-height: 24px; margin-bottom: 30px; text-align: left; font-weight: normal; }
.news .ar_article h6 { display: inline-block; color: #7e8080; font-size: 12px; line-height: 24px; margin-bottom: 25px; font-weight: normal; text-align: left; }
.shart_box { display: inline-block; float: right; }
#j_shart_s_24 .bds_count { font-size: 12px; }
#j_shart_s_24 { padding-left: 60px; position: relative; }
#j_shart_s_24 strong { display: block; position: absolute; left: 0; z-index: 2; line-height: 36px; font-size: 12px; color: #a3a0a9; font-weight: normal; }
##j_shart_s_24 .bds_qzone { background: url(../images/j_shart.png) center -224px no-repeat }
#j_shart_s_24 .bds_tsina { background: url(../images/j_shart.png) center -311px no-repeat }
#j_shart_s_24 .bds_tqq { background: url(../images/j_shart.png) center -195px no-repeat }
#j_shart_s_24 .bds_renren { background: url(../images/j_shart.png) center -340px no-repeat }
#j_shart_s_24 .bds_weixin { background: url(../images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_sqq { background: url(../images/j_shart.png) center -79px no-repeat }
#j_shart_s_24 .bds_fbook { background: url(../images/j_shart.png) center -166px no-repeat }
#j_shart_s_24 .bds_twi { background: url(../images/j_shart.png) center -137px no-repeat }
#j_shart_s_24 .bds_linkedin { background: url(../images/j_shart.png) center -108px no-repeat }
#j_shart_s_24 .bds_tieba { background: url(../images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_huaban { background: url(../images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_douban { background: url(../images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_copy { background: url(../images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_print { background: url(../images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_mshare { background: url(../images/j_shart.png) center -253px no-repeat }
#j_shart_s_24 .bds_count { font-size: 12px }
/*==========================================内页 结束=============================================*/

#n_case ul { float: left; width: 1040px; margin-bottom: 30px; }
#n_case ul li { float: left; width: 290px; margin: 0px 30px 30px 0; }
#n_case ul li a { display: block; }
#n_case ul li a .img { display: block; width: 290px; height: 164px; overflow: hidden; position: relative; }
#n_case ul li a img { display: block; width: 335px; height: 190px; }
#n_case ul li a h1 { padding: 17px 0px 12px 0px; padding-bottom: 0px; display: block; position: relative; }
#n_case ul li a h1 { font-size: 14px; margin-bottom: 10px; color: #222225; display: block; }
#n_case ul li a:hover h1 { color: #007A77; }
#n_case .fot_box { position: relative; height: 14px; line-height: 14px; }
#n_case .fot_box span { color: #5b5c5e; font-size: 12px; }
#n_case .fot_box a { display: block; color: #4a4b57; font-size: 12px; position: absolute; right: 0px; top: 0; }
#n_case .fot_box a:hover { color: #007A77; }
#n_case .bd { position: relative; }
#n_case .prev, #n_case .next { display: block; width: 34px; height: 34px; line-height: 34px; z-index: 9; overflow: hidden; box-sizing: border-box; border: #c1c2c6 2px solid; font-family: simsun; color: #c1c2c6; font-size: 18px; font-weight: bold; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
#n_case .prev { position: absolute; left: 0; top: 50%; margin-top: -45px; }
#n_case .next { position: absolute; right: 0; top: 50%; margin-top: -45px; }
#n_case ul li a .img .font { width: 290px; height: 39px; top: 0; left: 0; position: absolute; color: #fff; text-align: center; font-size: 16px; padding-top: 125px; }
#n_case ul li a .img .font::before, #n_case ul li a .img .font::after { position: absolute; content: ''; opacity: 0; transition: all 0.5s; }
#n_case ul li a .img .font::before { top: 25px; right: 15px; bottom: 25px; left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0 }
#n_case ul li a .img .font::after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0; }
#n_case ul li a .img:hover .font::before, #n_case ul li a .img:hover .font::after { opacity: 1; transform: scale(1); transition: all 0.5s; }
.pro .picScroll { width: 930px; }
.pro .scrollWrap { width: 838px; height: 291px; margin: 0 auto; overflow: hidden; }
.pro ul li { float: left; width: 260px; margin: 20px 30px 0 0; }
.pro ul li a { display: block; }
.pro ul li a .img { display: block; width: 260px; height: 148px; overflow: hidden; position: relative; }
.pro ul li a img { display: block; width: 260px; height: 148px; }
.pro ul li a h1 { padding: 17px 0px 12px 0px; padding-bottom: 0px; display: block; position: relative; }
.pro ul li a h1 { font-size: 14px; margin-bottom: 10px; color: #222225; display: block; }
.pro ul li a:hover h1 { color: #007A77; }
.pro .fot_box { position: relative; height: 14px; line-height: 14px; }
.pro .fot_box span { color: #5b5c5e; font-size: 12px; }
.pro .fot_box a { display: block; color: #4a4b57; font-size: 12px; position: absolute; right: 0px; top: 0; }
.pro .fot_box a:hover { color: #007A77; }
.pro .bd { position: relative; }
.pro .prev, #news .next { display: block; width: 34px; height: 34px; line-height: 34px; z-index: 9; overflow: hidden; box-sizing: border-box; border: #c1c2c6 2px solid; font-family: simsun; color: #c1c2c6; font-size: 18px; font-weight: bold; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.pro .prev { position: absolute; left: 0; top: 50%; margin-top: -70px; }
.pro .next { position: absolute; right: 0; top: 50%; margin-top: -70px; }
.pro ul li a .img .font { width: 260px; height: 65px; top: 0; left: 0; position: absolute; color: #fff; text-align: center; font-size: 16px; padding-top: 125px; }
.pro ul li a .img .font::before, #news ul li a .img .font::after { position: absolute; content: ''; opacity: 0; transition: all 0.5s; }
.pro ul li a .img .font::before { top: 25px; right: 15px; bottom: 25px; left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0 }
.pro ul li a .img .font::after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0; }
.pro ul li a .img:hover .font::before, #news ul li a .img:hover .font::after { opacity: 1; transform: scale(1); transition: all 0.5s; }
#news h3 { margin-bottom: 15px; font-size: 16px; color: #333; font-weight: bold; padding-bottom: 15px; background: url(../images/news-nav-bg01.png) left bottom no-repeat; }
#news h2 { margin-bottom: 15px; font-size: 16px; color: #333; font-weight: bold; }
/*==========================================首页 结束=============================================*/

#door ul { float: left; width: 1260px; margin-bottom: 20px }
#door ul li { float: left; width: 450px; height: 150px; position: relative; margin: 0 30px 30px 0; background-color: #fff; border: #e2e2e3 1px solid; box-sizing: border-box; }
#door ul li .text_box { width: 220px; }
#door ul li .text_box { position: relative; width: 242px; padding: 11px 30px 0 30px; height: 145px; margin: 0 0 0 192px; box-sizing: border-box; }
#door ul li h1 { font-size: 14px; margin: 0 10px 5px 0; color: #c09b50; padding-top: 8px; display: inline-block; }
#door ul li small { font-size: 12px; color: #c7c8c9; display: inline-block; padding: 1px 13px; border: #c7c8c9 1px solid; border-radius: 2px; }
#door ul li p { padding-left: 22px; font-size: 12px; line-height: 18px; overflow: hidden; margin-bottom: 10px; }
#door ul li .p1 { color: #353537; background: url(../images/tel02.png) 0 2px no-repeat; margin-top: 0px; }
#door ul li .p2 { color: #353537; background: url(../images/local.png) 0 4px no-repeat; margin-top: 0px; height: 48px; overflow: hidden; }
#door ul li img { position: absolute; left: 16px; top: 16px; height: 115px; width: 174px; display: block; }
/*=================视频=================*/

#show_video_box { position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .7);  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');
}
#show_video_box .box { position: absolute; top: 50%; left: 50%; margin-top: -290px; margin-left: -550px }
#playercontainer { opacity: 0; filter: alpha(opacity=0); }
#show_video_box.on #page_video { -moz-transform: scale(1); -o-moz-transform: scale(1); -o-moz-transform: scale(1); -webkit-moz-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
#show_video_box.on #playercontainer { opacity: 1; filter: alpha(opacity=100); }
#page_video { position: relative; width: 1080px; height: 580px; background: 0 0; opacity: 0; filter: alpha(opacity=0); -moz-transform: scale(0); -o-moz-transform: scale(0); -o-moz-transform: scale(0); -webkit-moz-transform: scale(0); transform: scale(0); -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
#page_video .video_box { width: 1000px; height: 570px; border: 5px solid #c09b50; background-color: #000; }
#bnt_close1 { position: absolute; top: 0; right: 0; display: block; width: 70px; height: 70px; background: #fff }
#bnt_close1 img { position: absolute; top: 18px; left: 18px; display: block }
#bnt_close1:hover img { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -ms-transition: all .6s ease-in-out }
/*==========================================内页 开始=============================================*/

.piaofu { position: absolute; right: 0px; top: 40%; margin-top: 0px; position: fixed; z-index: 99999999; }
.piaofu .box a { display: block; position: relative; width: 70px; height: 70px; }
.piaofu .wx { position: relative; }
.piaofu .wx { transition: 1s; }
.piaofu .wx:hover .ewm { display: block; }
.piaofu .ewm_box { position: relative; }
.piaofu .ewm_box { transition: 1s; }
.piaofu .ewm_box:hover .ewm { display: block; background-color: #c09b50; border: #c09b50 3px solid; }
img.ewm { }
.piaofu .ewm { display: none; position: absolute; right: 70px; top: 0; }
.piaofu .qq { border: 1px solid #ddd; width: 100px; color: #545454; font-size: 14px; background: #f9f9f9; border-radius: 3px; padding: 15px 20px; display: none; position: absolute; right: 70px; top: 0; }
.piaofu .box:hover .qq { display: block; }
.piaofu .qq h6 a { display: inline-block; height: 24px; line-height: 24px; background: none !important; color: #545454; font-size: 12px; }
.piaofu .tel { position: relative; }
.piaofu .tel { transition: 1s; }
.piaofu .tel:hover #tel_box { display: block; }
.piaofu #tel_box { border: 1px solid #ddd; line-height: 28px; width: 100px; color: #545454; font-size: 14px; background: #f9f9f9; border-radius: 3px; padding: 15px 20px; display: none; position: absolute; right: 70px; top: 0; }
.piaofu .box a { transition: 1s; background-size: 30px auto; }
.piaofu .qq a { background: url(../images/icon_pf_qq.png) center 10px no-repeat; }
.piaofu .qq:hover a { background: url(../images/icon_pf_qq_hj.png) center 10px no-repeat; }
.piaofu .zx1 a { background: url(../images/icon_zx1.png) center 10px no-repeat; }
.piaofu .zx1:hover a { background: url(../images/icon_zx1h.png) center 10px no-repeat; }
.piaofu .zx2 a { background: url(../images/icon_zx2.png) center 10px no-repeat; }
.piaofu .zx2:hover a { background: url(../images/icon_zx2h.png) center 10px no-repeat; }
.piaofu .zx3 a { background: url(../images/icon_zx3.png) center 10px no-repeat; }
.piaofu .zx3:hover a { background: url(../images/icon_zx3h.png) center 10px no-repeat; }
.piaofu .ewm_box a { background: url(../images/icon_weixin.png) center 10px no-repeat; }
.piaofu .ewm_box:hover a { background: url(../images/icon_weixinhj.png) center 10px no-repeat; }
.piaofu .wx a { background: url(../images/icon_weixin.png) center 10px no-repeat; }
.piaofu .wx:hover a { background: url(../images/icon_weixinhj.png) center 10px no-repeat; }
.piaofu .tel a { background: url(../images/icon_tel.png) center 10px no-repeat; }
.piaofu .tel:hover a { background: url(../images/icon_telh.png) center 10px no-repeat; }
.piaofu .address a { background: url(../images/icon_address.png) center 10px no-repeat; }
.piaofu .address:hover a { background: url(../images/icon_addressh.png) center 10px no-repeat; }
.gotop a { background: url(../images/icon_gotop.png) center 10px no-repeat; }
.piaofu .gotop:hover a { background: url(../images/icon_gotoph.png) center 10px no-repeat; }
.piaofu .box a { margin-bottom: 2px; }
.piaofu .box span { font-size: 12px; color: #fff; position: absolute; bottom: 5px; text-align: center; display: block; width: 100%; }
.piaofu .box:hover a { }
.piaofu .box:hover span { color: #fff; }
.piaofu .li1 a { background: url(../images/icon_pf1.png) center 12px no-repeat #c09b50; }
.piaofu .li2 a { background: url(../images/icon_pf2.png) center 12px no-repeat #c09b50; }
.piaofu .li3 a { background: url(../images/icon_pf3.png) center 12px no-repeat #c09b50; }
.piaofu .li4 a { background: url(../images/icon_pf4.png) center 12px no-repeat #c09b50; }
.piaofu .li5 a { background: url(../images/icon_gotop.png) center 18px no-repeat #f6ad02; }
.piaofu .box.li1:hover a { background: url(../images/icon_pf1.png) center 12px no-repeat #c09b50; }
.piaofu .box.li2:hover a { background: url(../images/icon_pf2.png) center 12px no-repeat #c09b50; }
.piaofu .box.li3:hover a { background: url(../images/icon_pf3.png) center 12px no-repeat #c09b50; }
.piaofu .box.li4:hover a { background: url(../images/icon_pf4.png) center 12px no-repeat #c09b50; }
.piaofu .box.li5:hover a { background: url(../images/icon_gotop.png) center 15px no-repeat #c09b50; }
.piaofu .li3 { position: relative; }
.piaofu .li3:hover #tel_box { display: block; }
.piaofu .qq h6 a:hover { color: #c09b50; }
/*==========================================内页 结束=============================================*/

.carousel { width: 1200px; overflow: hidden; position: relative; }
.carousel h2 { text-align: center; width: 100%; font: 36px/40px "Microsoft Yahei"; color: #fff; padding: 42px 0; overflow: hidden; }
.carousel h2 a { color: #fff; text-decoration: none; }
.carousel-content { width: 1200px; position: relative; }
.carousel-content .carousel-wrap { overflow: hidden; position: relative; width: 100%; padding: 10px 0; }
.carousel-content ul { width: 1000%; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: 0px; }
.carousel-content ul li { float: left; width: 190px; vertical-align: middle; margin-left: 0.074%; }
.carousel-content ul li img { width: 100%; height: 110px; /*border:1px solid #d5d5d5;*/
vertical-align: middle; }
.lxfx { position: fixed; width: 77px; height: auto; top: 20%; right: 4px; z-index: 11; }
.lxfx li a { color: #fff; margin-top: 9px; display: block; height: 47px; width: 300px; }
.leftlx { float: left; width: 77px; height: 47px; }
.lxfx li span { font-size: 19px; color: #fff; float: left; height: 24px; line-height: 22px; padding-left: 8px; border-left: 1px solid #fff; margin-top: 8px; }
.ewm { width: 120px; height: 120px; background: #c0c0c0;  .border: 5px solid #fff;
position: absolute; left: -145px; top: -40px; display: none; }
.ewm1 { width: 120px; height: 120px; background: #c0c0c0; border: 5px solid #fff;
position: absolute; left: -145px; top: -40px; display: none; }
.lxfx li i { display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; background: url("../images/fx.png") no-repeat; background-position: 4px 0px; }
.lxfx li i.icon-tel { background-position: 0px -25px; }
.lxfx li i.icon-ly { background-position: 4px -53px; }
.lxfx li i.icon-wx { background-position: -34px 4px; }
.lxfx li i.icon-wb { background-position: -30px -22px; }
.lxfx li p { text-align: center; line-height: 12px; font-size: 12px; }
.lxfx li { width: 77px; height: 56px; background: #c09b50 /*url(../images/CeBg.jpg)*/ no-repeat; margin-bottom: 1px; margin-left: 0px; position: relative; overflow: hidden; }
.lxfx li { float: left; list-style: outside none none; }
.ban1 { width: 100%; }
.ban1 img { width: 100%; display: block; }
.map_box { position: relative; background: url(../images/bg_map.jpg) center no-repeat; display: block; height: 262px; }
.map { width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; background: url(../images/bnt_map.png) center no-repeat; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; }
.map:hover { background: url(../images/bnt_map.png) center 52px no-repeat; }
/**国际专利**/

.left { float: left; }
.right { float: right; }
.zhuanli001 { margin: 30px auto; width: 1200px; }
.zhuanli001 .pct { width: 40%; margin: 0 5%; }
.zhuanli001 .bali { width: 40%; margin: 0 5%; }
.zhuanli001 .pct h3, .zhuanli001 .bali h3 { text-align: center; line-height: 40px; background: #c09b50; color: #fff; border-radius: 20px; width: 80%; display: block; margin: 0 auto; z-index: 9; position: relative; }
.zhuanli001 .pct p, .zhuanli001 .bali p { border: 1px solid #ddd; padding: 40px 30px 30px 30px; font-size: 14px; line-height: 28px; color: #434343; position: relative; bottom: 20px; }
.zhuanli002 { padding: 50px 0; }
.zhuanli002 .w1200 { width: 1200px; margin: 0 auto; }
.zhuanli002 h3 { font-size: 24px; text-align: center; color: #c09b50; }
.zhuanli002 h3 span { display: block; font-size: 16px; color: #242424; line-height: 36px; }
.zhuanli003 .beizhu { position: relative; bottom: -200px; }
.zhuanli003 .beizhu p { font-size: 14px; line-height: 16px; color: #343434; }
.distable { width: 90%; border: 4px solid #c09b50; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin: 30px auto; }
.pct1 { background: #EDEDED; text-align: center; }
.pct1 img { display: block; margin: 0 auto; }
a.back1 { display: block; margin: 20px auto; padding: 10px 20px; background: #c09b50; width: 10%; color: #fff; text-align: center; border-radius: 35px; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; }
a.back1:hover { background: #c09b50; box-shadow: 5px 5px 5px #ddd; }
table { border-collapse: collapse; border-spacing: 0px; }
.distable th { font-size: 18px; padding: 20px; color: #fff; background-color: #c09b50; text-align: center; }
.distable td { background-color: #ffffff; padding: 15px 0; text-align: center; font-size: 14px; color: #4e4131; border-right: 1px solid #c09b50; }
.distable tr:nth-child(2n+1) td { background: #ecd6ad; }
.reg-step { margin-top: 10px; background: url(../images/bg_step.png) no-repeat 0 0; padding: 55px; height: 310px; position: relative; }
.reg-step h3 { margin-bottom: 40px; text-align: center; font-size: 26px; color: #323232; }
.reg-step span { position: absolute; display: block; color: #4e4131; font-size: 14px; }
.reg-step span.step1 { top: 135px; left: 55px; font-size: 18px; color: #ffffff; }
.reg-step span.step1 a { color: #fff; }
.reg-step span.step2 { top: 264px; left: 170px; }
.reg-step span.step3 { top: 140px; left: 286px; }
.reg-step span.step4 { top: 264px; left: 392px; }
.reg-step span.step5 { top: 140px; left: 499px; }
.reg-step span.step6 { top: 263px; left: 629px; }
.reg-step span.step7 { top: 139px; left: 752px; }
.reg-step span.step8 { top: 264px; left: 871px; }
.reg-step span.step9 { top: 141px; left: 982px; }
.reg-step span.step10 { top: 264px; left: 1100px; }
form.zhuanli { max-width: 600px; padding: 10px 20px; background: #f4f7f8; border-radius: 20px; }
.zhuanli h1 { margin: 0 0 30px 0; text-align: center; font-size: 20px; }
.zhuanli input[type="text"], .zhuanli input[type="password"], .zhuanli input[type="date"], .zhuanli input[type="datetime"], .zhuanli input[type="email"], .zhuanli input[type="number"], .zhuanli input[type="search"], .zhuanli input[type="tel"], .zhuanli input[type="time"], .zhuanli input[type="url"], .zhuanli textarea, .zhuanli select { background: rgba(255, 255, 255, 0.1); border: none; font-size: 16px; height: auto; margin: 0; outline: 0; padding: 10px; width: 100%; background-color: #e8eeef; color: #8a97a0; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset; margin-bottom: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
.zhuanli input[type="radio"], .zhuanli input[type="checkbox"] { margin: 0 4px 8px 0; }
.zhuanli select { padding: 6px; height: 32px; border-radius: 2px; }
.zhuanli button { padding: 10px 20px 10px 20px; color: #FFF; background-color: #e9bb5f; font-size: 18px; text-align: center; font-style: normal; border-radius: 5px; width: 35%; border: 1px solid #e9bb5f; border-width: 1px 1px 3px; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset; margin-top: 10px; margin-bottom: 10px; position: relative; overflow: hidden; }
.zhuanli fieldset { margin-top: 30px; border: none; }
.zhuanli legend { font-size: 1.4em; margin-bottom: 10px; }
.zhuanli label { display: block; margin-bottom: 8px; }
.zhuanli label.light { font-weight: 300; display: inline; }
.zhuanli .number { background-color: #5fcf80; color: #fff; height: 30px; width: 30px; display: inline-block; font-size: 0.8em; margin-right: 4px; line-height: 30px; text-align: center; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border-radius: 100%; }
.duoxuan { margin-bottom: 10px; }
.zhuanli003 { margin-top: 30px; }
.zhuanli004 { padding: 10px 0 50px 0; }
.zhuanli004 .left { width: 60%; }
.zhuanli004 .left h4 { font-size: 18px; line-height: 48px; color: #c09b50; }
.zhuanli004 .left p { font-size: 14px; line-height: 24px; margin-top: 20px; color: #434343; }
.zhuanli004 a { display: inline-block; margin: 30px 10px; padding: 15px 25px; color: #fff; background: #e9bb5f; border-radius: 5px; }
/**国内商标**/
.guonei001 { padding: 30px 0; }
.guonei001 .patent_list { border-top: 1px solid #ddd; border-left: 1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 30px; width: 1195px; }
.guonei001 .patent_list li { float: left; width: 199px; height: 160px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; color: #444; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; cursor: pointer; }
.patent_list li img { width: 100px; height: 100px; margin: 10px 50px 0; }
.hover_list { display: none; position: absolute; width: 198px; height: 159px; background-color: #ecd6ad; font-size: 22px; text-align: center; top: 0; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 46px; color: #4e4131; }
.patent_list li:hover .hover_list { display: block; }
.guonei001 h3 { text-align: center; font-size: 24px; color: #c09b50; }
.hover_list a { border: 1px solid #4e4131; color: #4e4131; font-size: 16px; line-height: 28px; height: 28px; padding: 0 30px; display: inline-block; border-radius: 2px; font-size: 16px; margin-top: 36px; }
.clearfix::after { content: ""; clear: both; display: block; }
.list_last { font-size: 20px !important; line-height: 160px; }
.guonei002 { padding: 50px 0; background: url(../images/liucheng_bg.png) no-repeat center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; height: 472px; }
.guonei002 h3 { font-size: 24px; line-height: 40px; color: #c09b50; text-align: center; }
.guonei002 .liucheng span { position: absolute; color: #343434; }
.guonei002 .liucheng { padding: 150px 0; position: relative; width: 1200px; margin: 0 auto; }
.guonei002 .liucheng span.step01 { left: 38px; bottom: 210px; }
.guonei002 .liucheng span.step02 { left: 148px; bottom: 67px }
.guonei002 .liucheng span.step03 { left: 346px; bottom: 210px; }
.guonei002 .liucheng span.step04 { left: 470px; bottom: 67px; }
.guonei002 .liucheng span.step05 { left: 597px; bottom: 210px; }
.guonei002 .liucheng span.step06 { left: 776px; bottom: 67px; }
.guonei002 .liucheng span.step07 { left: 911px; bottom: 210px; }
.guonei002 .liucheng span.step08 { left: 1006px; bottom: 67px; }
.guonei003 { padding: 50px 0; }
.guonei003 .w1000 { width: 1000px; margin: 0 auto; }
.guonei003 h3 { font-size: 24px; line-height: 40px; color: #c09b50; text-align: center; }
.guonei003 .cailiao { display: inline-block; width: 446px; height: 262px; padding-left: 30px; border-radius: 8px; border: 1px solid #e8e8e8; background-color: #fff; background-repeat: no-repeat; background-position: right bottom -20px; text-align: left; vertical-align: middle; margin: 50px 0; }
.guonei003 h4 { font-size: 24px; color: #222; padding-top: 35px; padding-bottom: 25px; }
.guonei003 p { line-height: 32px; padding-left: 20px; font-size: 14px; color: #666; background: url(../images/dot.png) left center no-repeat; }
.guonei003 .left { background-image: url(../images/reg-material-bg1.png); }
.guonei003 .right { background-image: url(../images/reg-material-bg2.png); }
.gnzhuanli001 { padding: 50px 0; }
.gnzhuanli001 h3 { font-size: 24px; text-align: center; line-height: 40px; color: #c09b50; }
.gnzhuanli001 h3 span { display: block; font-size: 14px; color: #333; }
.gnzhuanli001 .shell { width: 1100px; margin: 0 auto; }
.gnzhuanli001 .shell div.kuang { height: 330px; width: 260px; border: 1px solid #CCCCCC; background-color: white; float: left; margin-right: 17px; box-shadow: 0 5px 3px #c9c9c9; }
.gnzhuanli001 .shell div.kuang img { margin: 32px auto 0 auto; display: block; }
.gnzhuanli001 .shell div.kuang h1 { color: #c09b50; font-size: 24px; text-align: center; margin-top: 30px; }
.gnzhuanli001 .shell div.kuang .wen { color: #333; font-size: 14px; text-align: center; margin-top: 30px; line-height: 24px; }
.gnzhuanli001 .shell div.kuang .zi { color: #333; font-size: 14px; text-align: center; line-height: 24px; }
.gnzhuanli001 .shell div.kuang .z1 { text-align: center; font-size: 14px; line-height: 24px; }
#last { margin: 0; }
/*水波*/

.example001 { position: relative; width: 50px; height: 50px; bottom: -377px; }
.example002 { position: relative; width: 50px; height: 50px; bottom: -166px; left: 184px; }
.example003 { position: relative; width: 50px; height: 50px; bottom: -286px; left: 293px; }
.example004 { position: relative; width: 50px; height: 50px; bottom: -77px; left: 512px; }
.example005 { position: relative; width: 50px; height: 50px; bottom: -173px; left: 536px; }
.example006 { position: relative; width: 50px; height: 50px; bottom: 102px; left: 720px; }
.example007 { position: relative; width: 50px; height: 50px; bottom: 0px; left: 822px; }
.example008 { position: relative; width: 50px; height: 50px; bottom: 143px; left: 952px; }
.example009 { position: relative; width: 50px; height: 50px; bottom: 47px; left: 1040px; }
.example010 { position: relative; width: 50px; height: 50px; bottom: 316px; left: 1185px; }
.dot { cursor: pointer; }
.dot:before { content: ' '; position: absolute; z-index: 2; left: 0; top: 0; width: 10px; height: 10px; background-color: #c09b50; border-radius: 50%; }
.dot:after { content: ' '; position: absolute; z-index: 1; background-color: #fad68e; border-radius: 50%; box-shadow: 0 0 50px rgba(0,0,0,.3) inset; -webkit-animation-name: 'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/ -webkit-animation-duration: 1.5s;/*动画持续时间*/ -webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/ -webkit-animation-delay: 0s;/*动画延迟时间*/ -webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/ -webkit-animation-direction: normal;/*定义动画方式*/ }
.dot::after { content: ' '; position: absolute; z-index: 1; background-color: #fad68e; border-radius: 50%; box-shadow: 0 0 80px rgba(0,0,0,.3) inset; -webkit-animation-name: 'ripple1';/*动画属性名，也就是我们前面keyframes定义的动画名*/ -webkit-animation-duration: 1.5s;/*动画持续时间*/ -webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/ -webkit-animation-delay: 0s;/*动画延迟时间*/ -webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/ -webkit-animation-direction: normal;/*定义动画方式*/ }
@keyframes ripple {  0% {
 left:5px;
 top:5px;
 opcity:75;
 width:0;
 height:0;
}
 100% {
 left:-20px;
 top:-20px;
 opacity: 0;
 width:50px;
 height:50px;
}
}
 @keyframes ripple1 {  0% {
 left:5px;
 top:5px;
 opcity:75;
 width:0;
 height:0;
}
 100% {
 left:-35px;
 top:-35px;
 opacity: 0;
 width:80px;
 height:80px;
}
}
/*国内专利*/
.gnzhuanli002 { background: url(../images/gnliucheng.jpg); padding-bottom: 40px; }
.i-process .list { background: url("../images/line.png") no-repeat center; margin: 0 auto; width: 1200px; height: 333px; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.por { position: relative; }
.poa { position: absolute; }
.flow, .cooperation { }
.flow { text-align: center; }
.fp-tableCell { }
.fp-tableCell .title { padding: 60px 0 80px 0; }
.title-text { position: relative; padding-bottom: 20px; font-size: 34px; color: #c09b50; font-weight: normal; }
.title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 110px; height: 6px; margin-left: -52px; background-color: #c09b50; }
.title-description { margin-top: 40px; color: #b0b0b0; }
.title-description { margin-top: 30px; }
.inner-item { margin: 0 auto; position: relative; }
.i-process { position: relative; width: 1200px; margin: 0 auto; }
.i-process .hold { width: 1106px; height: 352px; margin: 0 auto; }
.i-process .btn { width: 100px; height: 150px; line-height: 2; color: #242424; text-align: center; transform: translateX(50px); opacity: 0; font-size: 14px; }
.i-process .btn p { display: inline-block; }
.i-process .btn.cur { color: #c09b50; }
.i-process .btn:nth-child(1) { left: 33px; top: 57px; }
.i-process .btn:nth-child(2) { left: 179px; top: 56px; }
.i-process .btn:nth-child(3) { left: 332px; top: 68px; }
.i-process .btn:nth-child(4) { left: 490px; top: 26px; }
.i-process .btn:nth-child(5) { left: 639px; top: 8px; }
.i-process .btn:nth-child(6) { left: 776px; top: 46px; }
.i-process .btn:nth-child(7) { left: 957px; top: 153px; }
.i-process .btn:nth-child(8) { left: 1087px; top: 58px; }
.i-process .btn .light { float: left; width: 10px; height: 10px; border-radius: 5px; background: #fff; margin: 12px 29px; }
.i-process .btn .light:after { content: ""; position: absolute; left: -5px; top: -5px; z-index: -1; width: 20px; height: 20px; border-radius: 10px; background: #c09b50; opacity: 0.3; }
.i-process .btn.cur .light:after { animation: Circle 1.2s infinite linear; }
.i-process .btn.cur .light:after { animation: Circle 1.2s infinite linear; }
.i-process .btn .circle { width: 68px; height: 68px; border-radius: 34px; background: #edeff1; margin: 12px 0; }
.i-process .btn.cur .circle { background: #c09b50; }
.i-process .btn .circle:after { content: ""; position: absolute; left: 0; top: 0; width: 68px; height: 68px; background: url(../images/bg_sign06.png) no-repeat; }
.i-process .btn.cur .circle:after { background-position: 0 -68px; }
.i-process .btn:nth-child(2) .circle:after { background-image: url(../images/bg_sign07.png); }
.i-process .btn:nth-child(3) .circle:after { background-image: url(../images/bg_sign08.png); }
.i-process .btn:nth-child(4) .circle:after { background-image: url(../images/bg_sign09.png); }
.i-process .btn:nth-child(5) .circle:after { background-image: url(../images/bg_sign10.png); }
.i-process .btn:nth-child(6) .circle:after { background-image: url(../images/bg_sign11.png); }
.i-process .btn:nth-child(7) .circle:after { background-image: url(../images/bg_sign12.png); }
.i-process .btn:nth-child(8) .circle:after { background-image: url(../images/bg_sign13.png); }
.i-process { /* height: 350px; */
}
.w-f { width: 100%; }
.h-f { height: 100%; }
.fwn { font-weight: normal; }
.tac { text-align: center; }
.t-f { transition: all 0.5s; }
.t-c { transition: color 0.5s; }
.t-bg { transition: background 0.5s; }
 @keyframes Circle {  0% {
 transform: scale(0.5);
 opacity: 0;
}
 50% {
 transform: scale(1);
 opacity: 0.3;
}
 100% {
 transform: scale(0.5);
 opacity: 0;
}
}
.gnzhuanli003 { padding: 50px 0; background: url(../images/zhuanli001.jpg); }
.gnzhuanli003 h3 { color: #fff; line-height: 48px; font-size: 24px; text-align: center; }
.gnzhuanli003 .zhishi li { width: 46%; float: left; margin: 1% 2%; border: 1px solid #ddd; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; height: 194px; background: #ddd; }
.gnzhuanli003 .zhishi li h4 { float: left; font-size: 20px; font-weight: bold; line-height: 80px; padding: 15px; border-radius: 50%; background: #c09b50; width: 80px; color: #fff; text-align: center; height: 80px; margin-top: 20px; }
.gnzhuanli003 .zhishi li p { font-size: 14px; float: right; width: 358px; }
.gnzhuanli004 { padding: 50px 0; }
.gnzhuanli004 h3 { font-size: 24px; line-height: 100px; text-align: center; }
.gnzhuanli004 .yuanze li { float: left; width: 240px; text-align: center; cursor: pointer; margin: 20px 0; }
.gnzhuanli004 .yuanze li i { width: 230px; height: 110px; background-color: #fff; border-radius: 50%; display: table-cell; vertical-align: middle; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.gnzhuanli004 .yuanze li i:hover { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.gnzhuanli004 .yuanze li i img { display: block; margin: 10px auto; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.gnzhuanli004 .yuanze li i img:hover { -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.gnzhuanli005 { padding: 50px 0; background: url(../images/sea.png) no-repeat bottom; height: 560px; }
.gnzhuanli005 h3 { font-size: 24px; color: #c09b50; text-align: center; line-height: 48px; }
.gnzhuanli005 p { font-size: 14px; text-align: center; }
/**马德里体系**/
.w800 { width: 800px; margin: 0 auto; }
.madeli001 { padding: 50px 0; }
.madeli001 h3 { font-size: 24px; line-height: 40px; text-align: center; color: #c09b50; }
.madeli001 p { text-align: left; font-size: 14px; line-height: 24px; color: #343434; }
.madeli001 p span { color: #343434; }
.madeli001 .w800 a { }
.banquan h3 { font-size: 18px; color: #c09b50; line-height: 36px; }
.banquan p { font-size: 14px; color: #343434; line-height: 24px; }
.banquan .process-main p.cailiao1 { font-size: 14px; line-height: 24px; }
.process-main-item p.cailiao1 { font-size: 14px; line-height: 24px; }
.ApplyBox { background-color: #eeeeee; height: 520px; }
.shell { width: 1100px; margin: 0 auto; }
.left1, .right1 { width: 310px; height: 448px; border: 1px solid #dcdcdc; background-color: white; float: left; margin-top: 50px; box-shadow: 0 5px 3px #c9c9c9; padding: 0 20px; }
.left1 h1, .right1 h1 { font-size: 28px; color: #666; text-align: center; margin-top: 38px; }
.left1 h4, .right1 h4 { font-size: 18px; color: #666; text-align: center; margin-top: 12px; }
.left1 img, .right1 img { margin: 25px auto 0 auto; display: block; }
.left1 .text1 { font-size: 14px; color: #333; margin-top: 50px; text-align: center; }
.left1 .text2 { font-size: 14px; color: #999; text-align: center; margin-top: 20px; }
.right1 .text1 { font-size: 14px; color: #333; margin-top: 28px; text-align: center; }
.right1 .text2 { font-size: 14px; color: #999; text-align: center; }
.left1 .understand { width: 172px; height: 38px; text-align: center; background-color: #FFFFFF; border: 1px solid #e9bb5f; display: block; margin: 40px auto 0 auto; color: #e9bb5f; border-radius: 6px; line-height: 38px; }
.right1 .understand { width: 172px; height: 38px; line-height: 38px; text-align: center; background-color: #FFFFFF; border: 1px solid #e9bb5f; display: block; margin: 24px auto 0 auto; color: #e9bb5f; border-radius: 6px; }
/*PCT*/
table { border-collapse: collapse; width: 100%; margin-bottom: 32px; font-size: 14px; }
table { border-collapse: collapse; font-size: 14px; }
.table-bordered { border: 1px solid #ccc; background: #fff; }
.table th { font-weight: 700; }
.table-striped tr:nth-child(2n+1) td, .table-striped tr:nth-child(2n+1) th { background-color: #F3F3F3; }
.table-bordered th:not(:first-child), .table-bordered td:not(:first-child) { border-left: 1px solid rgba(0,0,0,.05); }
.table th { font-weight: 700; }
sub, sup { font-size: 13px; }
.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
.table th, .table td { padding: 3px 16px; line-height: 30px; border-top: 1px solid #ccc; text-align: left; }
.table-striped tr:hover td, .table-striped tr:hover th, .table-striped:nth-child(2n+1) tr:hover td, .table-striped:nth-child(2n+1) tr:hover th { background-color: rgba(0,0,0,.1); }
tr:hover td { background-color: rgba(0,0,0,.1); }